// 将 scss 中的变量导出给 JS 使用
// $green: #40b883;
$green: #409eff;
$red: #FF5252;
// $deepBg: #1a1a1a;
$deepBg: #fff;
$blue: #706EF6;
$black: #000000;
$orange: #ff9000;
$gray: #E5E5E5;
$white: #ffffff;
$light-white:#F5F5F5;
// $shallowBg: #2d3a4b;
$shallowBg: #fff;

// 创建 JS 变量 与 SCSS 变量的映射
:export {
    GREEN: $green;
    RED: $red;
    DEEP: $deepBg;
    BLUE: $blue;
    BLACK: $black;
    ORANGE: $orange;
    GRAY: $gray;
    SHALLOW: $shallowBg;
    lightWhite: $light-white;
    MAX: '$MAX';
}

.green {
    color: $green;
}

.white {
    color: $white;
}

.light-white {
    color: $light-white;
}

.gray {
    color: $gray;
}

.red {
    color: $red;
}


.orange {
    color: $orange;
}

.green-bg {
    background: $green;
}

.shallow-bg {
    background: $shallowBg;
}

.deep-bg {
    background: $deepBg;
}

.white-bg {
    background: $white;
}